<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<base target="_self" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style>
<!--
/* ---base---- */
form,p,body{ padding:0px; margin:0px;}
*a{ color:#333333; text-decoration:none; font-family:"Times New Roman", Times, serif}
body a:link,a:hover,a:active,a:visited{ text-decoration:underline;}
input[type="text"]{background-color:#021E34; border:2px solid #517A9B; color:#CCCCCC; font-size:12px; margin:0pt; padding:6px 30px 6px 6px; width:190px;}

/* ----color--- */
.yellow{ color:#FFFF00;}.white{ color:white;}.green{ color:#8DBB1A;}.blue{ color:blue;}.gray{ color:#333333;}
.thumb{ border:#CCCCCC solid 4px;}



/* ----layout----*/
.colspan-1,.colspan-2,.colspan-3,.colspan-4,.colspan-5,.colspan-6,.colspan-7,.colspan-8{ position:relative;}
.colspan-1{ background:#032039; height:50px;}
.colspan-2{ background:#012D52; height:70px; border-top:#0D4B7F solid 1px; border-bottom:#0D4B7F solid 1px;}
.colspan-3{ background:#0F4F81; height:40px; border-top:#1D6AA8 solid 1px; border-bottom:#1D6AA8 solid 1px;}
.colspan-4{ background:#F4F4F4; border-bottom:#E9E8E8 solid 1px; height:30px;}
.colspan-5{ background:#ffffff; height:500px;}
.colspan-6{ background:#032039; height:50px;}
.colspan-7{ background:#012D52; height:200px; border-top:#0D4B7F solid 1px; border-bottom:#0D4B7F solid 1px;}
.colspan-8{ background:#0F4F81; height:40px; border-top:#1D6AA8 solid 1px; border-bottom:#1D6AA8 solid 1px;}

/* ---elements---*/
.search,.logo,.categories,.navigation,.description,.content,.production,.copyright { position:absolute; padding:3px; }
.search{
	top:7px;
	left: 816px;
	width: 293px;
}
.logo{
	width: 207px;
	height: 55px;
	top:-27px;
	left:221px;
}
.categories{
	width: 763px;
	height: 8px;
	top:3px;
	left:204px;
}
.navigation{
	width: 844px;
	height: 28px;
	top:8px;
	left:203px;
	color:fff;
}
.description{
	width: 502px;
	height: 55px;
	top:6px;
	left:621px;
	color:#fff;
}
.content{
	width: 961px;
	height: 490px;
	top:2px;
	left:200px;
}
.production{
	width: 1086px;
	height: 180px;
	top:5px;
	left:178px;
	color:#fff;
	background:#03223D;
	border:#0B4476 solid 1px;
}
.copyright{
	width: 1084px;
	height: 23px;
	top:4px;
	left:180px;
	color:#fff;
}


#msgbox{ width:958px; color:#CC0000; overflow:hidden; font-size:12px; border:#FF9933 solid 1px; padding:10px; margin-top:5px; line-height:22px; background:#FFFFEE; left: 8px; top: 72px; }
-->
</style>
<script>
function showAnnounce(){
	  var heightPixel = parseInt(document.getElementById("msgbox").style.height);
	  heightPixel += 2;
	  document.getElementById("msgbox").style.height = heightPixel + "px";
	  if(heightPixel < 70){
	  	setTimeout("showAnnounce()",20);
	  }
}
</script>
<title>Netedit! -- 关注互联网发展|关注高端PHP网站建设！</title>
</head>

<body>
<div class="colspan-1"><div class="absolute search">
  <input name="textfield" type="text" id="textfield" value="Search" />
</div>
</div>
<div class="colspan-2">
	<div class="logo"><img src="logo.png" width="90" height="82" /></div>
  <div class="description">fffasdfsdfsadf</div>
</div>
<div class="colspan-3">
	<div class="navigation"><a href="#" class="white">Home</a> <a href="#" class="white">Blog</a> <a href="#" class="white">Home</a> <a href="#" class="white">Home</a> <a href="#" class="white">Home</a></div>
</div>
<div class="colspan-4">
	<div class="categories green">dddddddddddd</div>
</div>
<div class="colspan-5">
	<div class="content gray">
	  <p>What is Elastic?<br />
	    A simple css framework to layout web-based interfaces, based on the printed layout techniques of 4 columns but with capabilities to unlimited column combinations. and capacity to make elastic, fixed and liquid layout easily.</p>
	  <p>The benefits of CSS Frameworks<br />
	    All frameworks are the consequence of repeated patterns, they help developers get faster, repeatable and predictable results. CSS frameworks are no different. By using them you can predict the results you will obtain, and you don’t have to write over and over the same classes or CSS rules to accomplish certain results.</p>
	  <p>The people against CSS frameworks argument that because they can accomplish the same results by themselves, frameworks have no benefit. But Modularity is the first benefit, going with the DRY principle of programming.</p>
	  <p>So do you need a CSS Framework?, We would say you do. The problem here is to decide if currently available frameworks provide the features you need. Or going and develop a framework yourself..</p>
	  <p>Why Elastic?<br />
	    Elastic provides a declarative syntax language to define the layout structure and behavior. It’s like having a conversation with your code.</p>
	  <p>This way you don’t have to remember cryptic class names, just express what you want.</p>
	  <p>Make two, three, four, or auto-columns.</p>
	  <p>Let Elastic get the width of fixed width columns.</p>
	  <p>Call for same-height or full-height.</p>
	</div>
</div>
<div class="colspan-6">
	<div class="categories">dddddddddddd</div>
</div>
<div class="colspan-7">
	<div class="production">Random Sitesusing<span class="green"> Elastic</span> CSS Framework see all<br />
    <img src="#" width="155" height="155" class="thumb" />	
    <img src="#" width="155" height="155" class="thumb" />
    <img src="#" width="155" height="155" class="thumb" />
    <img src="#" width="155" height="155" class="thumb" />
    <img src="#" width="155" height="155" class="thumb" />
    <img src="#" width="155" height="155" class="thumb" />
  </div>
</div>
<div class="colspan-8">
	<div class="copyright">Copyright © 2009 Elasticss.com. All rights reserved. </div>
</div>
<div class="">
<script>showAnnounce();</script>
</body>
</html>
